body{
    background-color: #f4f4f4;
    overflow-y: scroll;
    .header{
        // height: .88rem;
        background-color: #f5445d;
        .top{
            height: .88rem;
            line-height: .88rem;
            a{
                display: inline-block;
                height: 100%;
                img{
                    height: .26rem;
                }
            }
            span{
                font-size: .30rem;
                color: #fff;
                margin-left: 2.8rem;
            }
        }
    }
    // 店铺信息列表
    .bodys{
        background-color: #f4f4f4;
        ul{
            display: flex;
            
            li{
                flex: 1;
                height: 1rem;
                text-align: center;
                background-color: #fff;
                .live{
                    color: #f5445d;
                    img{
                        display: block;
                        width: 100%;
                    }
                }
                a{
                    color: #767676;
                    font-size: .3rem;
                    display: inline-block;
                    // width: 100%;
                    
                    line-height: .9rem;
                    // border-bottom: .01rem solid #ECEFEF;
                    img{
                        display: none;;
                        
                        // margin-left: 1.7rem;
                    }
                }
            }
        }
        // 商品列表模块已下架
        .goods-list,.now-sale{
            overflow: hidden;
            margin-top: .06rem;
            position: relative;
            ul{
                background-color: #eceff1;
                display: inline-block;
                z-index: 99;
                .active{
                    background-color: #fff;
                    a{
                        width: 100%;
                        color: #282828;
                        border-left: .06rem solid #f5445d;
                    }
                }
                li{
                    border-bottom: .01rem solid #ebeeee;                    
                    background-color: #f8f8f8;
                    height: 1rem;
                    width: 1.6rem;
                    a{
                        
                        font-size: .26rem;
                        color: #767676;
                        display: inline-block;
                        line-height: 1rem;
                        text-align: center;
                    }
                }
            }
            // 每一个功能模块对应的列表部分 
            .goodsList-right{
                // background-color: #f4f4f4;
                width: 100%;
                position: absolute;
                top: 0; 
                left: 0;
                padding: 0 .2rem 0 1.6rem;
                ul{
                    width: 100%;
                    li{
                        width: 100%;
                        overflow: hidden;
                        padding: 0 .2rem;
                        height: 1.6rem;
                        background-color: #fff;
                        .yy{
                            height: 100%;
                            border-bottom: .01rem solid #f4f4f4;
                            position: relative;
                            text-align: left;
                            a{
                                display: inline-block;
                                border: 0;
                                .y-img{
                                    display: inline-block;
                                    width: 1rem;
                                    margin: .3rem .26rem 0 0;
                                }
                            }
                            .three{
                                // height: 100%;
                                position: absolute;
                                top: 0; 
                                left: 0;
                                padding: 0 0 0 1.1rem;
                                margin-top: .3rem;
                                p{
                                    color: #282828;
                                    font-size: .3rem;
                                    margin-bottom: .24rem;
                                    text-align: left;
                                }
                                span{
                                    
                                    color: #f5445d;
                                    font-size: .3rem;
                                }
                                i{
                                    font-style: normal;
                                    text-decoration: line-through;
                                    color: #b0b0b0;
                                    font-size: .3rem;
                                    margin-right: .16rem;
                                }
                                b{
                                    font-weight: 400;
                                    // font-style: normal;
                                    color: #767676;
                                    font-size: .3rem;
                                    margin: 0 .1rem;
                                }
                                img{
                                    display: inline-block;
                                    margin-bottom: .1rem;
                                    width: .4rem;
                                }
                                img:nth-of-type(1){
                                    
                                    margin-left: .26rem;
                                }
                            }
                        }
                    }
                    // li:nth-of-type(2){
                    //     margin-bottom: .2rem;
                    // }
                }
            }
        }
        // 已下架商品列表
        .slae-list{
            // background-color: #f4f4f4;
            width: 100%;
            position: absolute;
            top: 0; 
            left: 0;
            padding: 0 0 0 1.6rem;
            ul{
                width: 100%;
                li{
                    border-bottom: .01rem solid #ebeeee;
                    width: 100%;
                    overflow: hidden;
                    padding: 0 .2rem;
                    height: 2.9rem;
                    background-color: #fff;
                    .s-top{
                        text-align: left;
                        height: 100%;
                        overflow: hidden;
                        position: relative;
                        a{
                            display: inline-block;
                            border: 0;
                            .y-img{
                                display: inline-block;
                                width: 1rem;
                                margin: .3rem .26rem 0 0;
                            }
                        }
                        .s-middle{
                            margin-top: .3rem;
                            position: absolute;
                            top: 0; 
                            left: 0;
                            width: 100%;
                            padding-left: 1.2rem;
                            p{
                                color: #282828;
                                font-size: .3rem;
                                margin-bottom: .24rem;
                                text-align: left;
                            }
                            .months{
                                margin-bottom: .1rem;
                                color: #777;
                                font-size: .26rem;
                                i{
                                    font-style: normal;
                                    margin-left: .36rem;
                                }
                            }
                            .sizes{
                                margin-bottom: .28rem;
                                span{
                                    color: #f5445d;
                                    font-size: .3rem;
                                }
                                i{
                                    font-style: normal;
                                    text-decoration: line-through;
                                    color: #b0b0b0;
                                    font-size: .3rem;
                                    margin-left: .26rem;
                                }
                            }
                            .operate{
                                text-align: right;
                                height: .5rem;
                                line-height: 0;
                                a{
                                    display: inline-block;
                                    width: 1.32rem;
                                    height: .5rem;
                                    line-height: .5rem;
                                    text-align: center;
                                    border: .01rem solid #b0b0b0;
                                    border-radius: .4rem;
                                }
                                .bian{
                                    margin-right: .7rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    // 编辑功能的弹窗
    .bianji{
        // display: none;
        opacity: 1.0;
        // visibility: visible;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        // margin-top: -40px;
        display: none;
        .mask{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #AAAAAA;
            opacity: 0.60;
        }
        .b-function{
            border-radius: .1rem;
            height: 6.66rem;
            width: 5.6rem;
            background-color: #fff;
            position: relative;
            margin: 2.4rem 0 0 .6rem;
            padding: 0 .5rem;
            .b-top{
                height: 1.52rem;
                line-height: 1.54rem;
                border-bottom: .01rem solid #ebeeee;
                img{
                    display: inline-block;
                    width: 1rem;
                    margin: 0rem .26rem 0 0;
                }
                span{
                    color: #282828;
                    font-size: .3rem;
                }
            }
            .b-bottom{
                text-align: center;
                li{
                    margin-top: .5rem;
                    span{
                        display: inline-block;
                        width: .8rem;
                        text-align: right;
                        font-size: .26rem;
                        color: #282828;
                    }
                    i{
                        font-style: normal;
                        font-size: .26rem;
                        color: #282828;
                    }
                    input{
                        display: inline-block;
                        height: .6rem;
                        width: 2rem;
                        border: .01rem solid #f4f4f4;
                    }
                }
                li:nth-of-type(3){
                    margin-bottom: .68rem;
                }
            }
            .f-function{
                text-align: center;
                width: 100%;
                a{
                    display: inline-block;
                    height: .6rem;
                    width: 2rem;
                    line-height: .6rem;
                    color: #282828;
                    font-size: .26rem;
                    border: .01rem solid #f4f4f4;
                    border-radius: .4rem;
                }
                #cancels{
                    margin-right: .4rem;
                }
            }
        }
    }
}